<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易云音乐</title>
  <style>
    body{
      width: 1587px;
      background-color: #f5f5f5;
      color: #333333;
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
        margin: 0 auto;
    }
    *{
        margin: 0;
        padding: 0;
    }
    #top1{
        width: 1387px;
        height: 70px;
        background-color: #242424;
        border-bottom: 1px solid #000;
        overflow: hidden;
        padding: 0 0 0 200px;
    }




    #top1>h1{
        width: 177px;
        height: 69px;
        background-image: url("https://s2.music.126.net/style/web2/img/frame/topbar.png?00978b6a4f29e5a5590162c4a7d78015");
        float: left;

    }
    #top1>h1>a{
        width: 176px;
        height: 100%;
        display: block;
        color: rgba(0,0,0,0);
    }
    #top1>ul{
        list-style-type: none;
        float: left;
    }
    #top1>ul>li{
        float: left;
        height: 70px;
        font-size: 14px;
    }
    #top1>ul>li:hover{
        background: #000;
    }
    #top1>ul>li>a{
        text-decoration: none;
        color: #fff;
        padding: 0 19px;
        text-align: center;
        line-height: 70px;
        display: block;
    }
    #top1>#top1_l1{
        float: left;
        width: 158px;
        height: 70px;
    }
    #top1>#top1_l1>input{
        border-radius: 32px;
        display: block;
        width: 129px;
        height: 32px;
        margin-top: 19px;
        padding: 0 0 0 25px;
        background-image: url("https://s2.music.126.net/style/web2/img/frame/topbar.png?00978b6a4f29e5a5590162c4a7d78015");
        background-position: 0 -99px;
        color: #9b9b9b;
    }
    #top1>#top1_l2{
        float: left;
        width: 120px;
        height: 70px;
    }
    #top1>#top1_l2>a{
        width: 90px;
        height: 32px;
        display: block;
        line-height: 33px;
        color: #ccc;
        border-radius: 20px;
        text-decoration: none;
        border: 1px solid #4F4F4F;
        text-align: center;
        margin: 19px 0 0 12px;

    }
    #top1>#top1_l2>a:hover{
        color: #fff;
        text-decoration: none;
        border: 1px solid #ccc;
    }
    #top1>#top1_l3{
        float: left;
        width: 50px;
        height: 70px;
    }
    #top1>#top1_l3>a{
        display: block;
        color: #787878;
        margin: 25px 0 0 12px;
    }


    #top2{
        width: 1187px;
        height: 35px;
        background-color: #c20c0c;
        border-bottom: 1px solid #a40011;
        overflow: hidden;
        padding: 0 0 0 400px;
    }
    #top2>ul{
        list-style-type: none;
        float: left;
    }
    #top2>ul>li{
        float: left;
        width: 80px;
        height: 35px;
        font-size: 12px;
    }

    #top2>ul>li>a{
        text-decoration: none;
        width: 50px;
        height: 20px;
        color: #fff;
        margin: 5px 0;
        text-align: center;
        line-height: 20px;
        display: block;

    }
    #top2>ul>li>a:hover{
        border-radius: 20px;
        border: 1px solid red;
    }

    #top3{
        width: 1587px;
        height: 285px;
        background-color: #242424;
        background-image: url("http://p1.music.126.net/c9sILn17sA8ab61yBIKj6A==/109951167113138259.jpg?imageView&blur=40x20");
        background-position: center;
        background-size: 6000px;
    }
    #top3>div{
        width: 982px;
        height: 285px;
        position: relative;
        margin: 0 0 0 250px;
        background-image: url("https://p1.music.126.net/2mzaSzMDW0euAfcyjbDmSA==/109951167118522207.jpg?imageView&quality=89");
    }
    #top3>div>div{
        width: 254px;
        height: 284px;
        background-image: url("https://s2.music.126.net/style/web2/img/index/download.png?dccf345e961581864e394af5d080e347");
        position: absolute;
        right: -1px;

    }
    #top3>div>div>a{
        width: 215px;
        height: 56px;
        display: inline-block;
        margin: 186px 0 0 19px;
    }
    #top3>div>div>a:hover{
        background-color: rgba(255,255,255,0.1);
    }
    #top3>div>div>p{
        width: 254px;
        height: 16px;
        margin: 10px auto;
        text-align: center;
        color: #8d8d8d;

    }



/*正文*/
    #content{
        width: 980px;
        height: 1426px;
        margin: 0 0 0 250px;
        background-color: black;
        overflow: hidden;

    }

    /*z正文左*/
    #content>#c_l{
        width: 689px;
        height: 1365px;
        background-color: white;
        float: left;
        padding: 20px 20px 40px 20px;


    }

    #content>#c_l>#c_l_1{
        width: 689px;
        height: 523px;
        background-color: white;
    }
    .c_l_c{
        width: 645px;
        height: 33px;
        padding: 0 10px 0 34px;
        border-bottom: 2px solid #C10D0C;
        overflow: hidden;
    }
    .c_l_c_i{
        display: block;
        width: 33px;
        height: 32px;
        background-image: url("https://s2.music.126.net/style/web2/img/index/index.png?98e88233924ba80680e56ac30e373260");
        background-position: -225px -156px;
        float: left;
    }
    .c_l_c_a{
        display: block;
        width: 80px;
        height: 28px;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        float: left;
        text-decoration: none;
        color: black;
    }
    #content>#c_l>#c_l_1>div>ul{
        width: 239px;
        height: 16px;
        margin: 7px 0 0 20px;
        display: block;
        float: left;
    }
    #content>#c_l>#c_l_1>div>ul>a{
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        text-decoration: none;
        color: black;
    }
    #content>#c_l>#c_l_1>div>ul>a:hover{
        text-decoration: underline;
    }
    #content>#c_l>#c_l_1>div>ul>span{
        float: left;
        margin: 0 10px;
    }
    .c_l_c_span{
        width: 40px;
        height: 16px;
        margin: 9px 0;
        display: inline-block;
        float: right;

    }
    .c_l_c_span>a{
        width: 24px;
        height: 14px;
        display: inline-block;
        text-decoration: none;
        color: black;
    }
    .c_l_c_span>i{
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url("https://s2.music.126.net/style/web2/img/index/index.png?98e88233924ba80680e56ac30e373260");
        background-position: 0 -240px;
    }

    #content>#c_l>#c_l_1>ul{
        width: 731px;
        height: 468px;
        display: block;
        margin: 20px 0 0 -42px;
    }
    #content>#c_l>#c_l_1>ul>li{
        width: 140px;
        height: 204px;
        float: left;
        padding: 0 0 30px 42px;
        list-style: none;
        display: inline-block;
        overflow: hidden;
        position: relative;
    }
    #content>#c_l>#c_l_1>ul>li>.a1{
        width: 140px;
        height: 140px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    #content>#c_l>#c_l_1>ul>li>.a1:hover{
        background-color: rgba(0,0,0,0.1);
    }
    #content>#c_l>#c_l_1>ul>li>.a2{
        text-decoration: none;
        color: #000;
        display: inline-block;
    }
    #content>#c_l>#c_l_1>ul>li>.a2:hover{
        background-color: rgba(0,0,0,0.1);
        text-decoration: underline;
    }


    #content>#c_l>#c_l_2{
        width: 689px;
        height: 243px;
        background-color: white;
    }
    #content>#c_l>#c_l_2>#c_l_2_d{
        width: 669px;
        height: 184px;
        border: 1px solid #fff;;
        padding: 0 0 0 16px;
        margin: 20px 0 0 0;
        background-color: #f5f5f5;
    }
    #content>#c_l>#c_l_2>#c_l_2_d>ul{
        width: 687px;
        height: 186px;
        overflow: hidden;
        display: block;
        padding: 0 0 0 16px;
        margin: 28px 0 0 0;
    }
    #content>#c_l>#c_l_2>#c_l_2_d>ul>li{
        width: 118px;
        height: 150px;
        float: left;
        list-style: none;
        display: inline-block;
        margin: 0 0 0 11px;
        position: relative;
    }
    #content>#c_l>#c_l_2>#c_l_2_d>ul>li>.a1{
        width: 118px;
        height: 100px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    #content>#c_l>#c_l_2>#c_l_2_d>ul>li>.a1:hover{
        background-color: rgba(0,0,0,0.1);
    }
    #content>#c_l>#c_l_2>#c_l_2_d>ul>li>.a2{
        text-decoration: none;
        color: #000;
        display: inline-block;
    }
    #content>#c_l>#c_l_2>#c_l_2_d>ul>li>.a2:hover{
        background-color: rgba(0,0,0,0.1);
        text-decoration: underline;
    }


    #content>#c_l>#c_l_3{
        width: 689px;
        height: 527px;
        background-color: white;
    }
    #content>#c_l>#c_l_3>#c_l_3_d{
        width: 688px;
        height: 472px;
        background-image: url("https://s2.music.126.net/style/web2/img/index/index_bill.png?df31bbb61cea61723ae230d31d7adde6");
        padding: 0 0 0 1px;
        margin: 20px 0 0 0;
        overflow: hidden;
    }
    #content>#c_l>#c_l_3>#c_l_3_d>div{
        width: 228px;
        height: 472px;
        float: left;
    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d1{
        width: 211px;
        height: 100px;
        padding: 20px 0 0 19px;
        position: relative;
    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d1>img{
        width: 80px;
        height: 80px;
    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d1>a{
        width: 80px;
        height: 80px;
        position: absolute;
        left: 19px;
        top: 20px;
    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d2{
        width: 230px;
        height: 352px;
        position: relative;
    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d2>ol{
        width: 180px;
        height: 319px;
        margin: 0 0 0 50px;

    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d2>ol>li{
        width: 180px;
        height: 32px;
        list-style: none;

    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d2>ol>li>span{
        width: 35px;
        height: 32px;
        margin: 0 0 0 -35px;
        text-align: center;
        color: #666;
        font-size: 16px;
        float: left;
        line-height: 32px;
    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d2>ol>li>a{
        width: 170px;
        height: 32px;
        display: block;
        text-decoration: none;
        color: #000;
        line-height: 32px;
    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d2>ol>li>a:hover{
        background-color: rgba(0,0,0,0.1);
        text-decoration: underline;
    }

    #content>#c_l>#c_l_3>#c_l_3_d>div>.d2>div{
        width: 195px;
        height: 352px;
        margin: 0 32px 0 0;
        text-align: right;
        line-height: 32px
    }
    #content>#c_l>#c_l_3>#c_l_3_d>div>.d2>div>a{
        text-decoration: none;
        color: #000;
    }





    /*z正文右*/
    #content>#c_r{
        width: 250px;
        height: 1425px;
        background-color: white;
        float: right;
    }

    #content>#c_r>#c_r_1{
        width: 250px;
        height: 126px;
        background-image: url("https://s2.music.126.net/style/web2/img/index/index.png?98e88233924ba80680e56ac30e373260");
        background-position: 0 0;
    }
    #content>#c_r>#c_r_1>p{
        width: 205px;
        margin: 0 auto;
        padding: 16px 0;
        line-height: 22px;
    }
    #content>#c_r>#c_r_1>a{
        display: block;
        width: 100px;
        height: 31px;
        line-height: 31px;
        text-align: center;
        color: #fff;
        background-image: url("https://s2.music.126.net/style/web2/img/index/index.png?98e88233924ba80680e56ac30e373260");
        background-position: 0 -195px;
        text-decoration: none;
        margin: 0 auto;
        /*background-color: #8a060b;*/
        /*text-shadow: #8a060b 0 1px 0 ;*/
    }
    #content>#c_r>#c_r_1>a:hover{
        background-color: rgba(255,255,255,1);
    }

    #content>#c_r>#c_r_2{
        width: 250px;
        height: 455px;
        margin: 15px 0 0 0;
    }

    #content>#c_r>#c_r_2>h3{
        width: 210px;
        height: 23px;
        margin: 0 20px;
        border-bottom: 1px solid #ccc;
        color: #333;
        position: relative;
    }
    #content>#c_r>#c_r_2>h3>span{
        width: 48px;
        height: 16px;
        font-size: 10px;
        float: left;
    }
    #content>#c_r>#c_r_2>h3>a{
        width: 59px;
        height: 16px;
        display: inline-block;
        float: right;
        color: #666;
        font-size: 10px;
        text-decoration: none;
    }
    #content>#c_r>#c_r_2>ul{
        width: 230px;
        height: 380px;
        margin: 6px 0 14px 20px;
        list-style: none;
    }
    #content>#c_r>#c_r_2>ul>li{
        float: left;
        width: 210px;
        height: 62px;
        margin: 14px 0 0 0 ;
        background: #fafafa;
    }
    #content>#c_r>#c_r_2>ul>li>a{
        float: left;
        width: 210px;
        height: 62px;
        text-decoration: none;

    }
    #content>#c_r>#c_r_2>ul>li>a>.da1{
        width: 62px;
        height: 62px;
        float: left;

    }
    #content>#c_r>#c_r_2>ul>li>a>.da2{
        width: 133px;
        height: 60px;
        padding: 0 0 0 14px;
        border: 1px solid #e9e9e9;
        border-left: none;
        float: left;

    }
    #content>#c_r>#c_r_2>ul>li>a>.da2>h4{
        width: 133px;
        height: 21px;
        margin: 8px 0 0 0;
        font-size: 14px;
        color: #333;
    }
    #content>#c_r>#c_r_2>ul>li>a>.da2>p{
        width: 119px;
        height: 16px;
        margin: 8px 0 0 0;
        font-size: 10px;
        color: #666;
    }

    #content>#c_r>#c_r_2>div{
        width: 250px;
        height: 31px;

    }
    #content>#c_r>#c_r_2>div>a{
        width: 205px;
        height: 31px;
        display: inline-block;
        margin: 0 0 0 20px;
        padding: 0 5px 0 0;
        border-radius: 4px;
        line-height: 31px;
        text-align: center;
        text-decoration: none;
        background-color: #c20c0c;
        color: #000000;
        font-weight: bold;
    }
    #content>#c_r>#c_r_2>div>a:hover{
        background-color: rgba(194,14,14,0.8);
    }


    #content>#c_r>#c_r_3{
        width: 250px;
        height: 294px;
        margin: 30px 0 0 0;
    }
    #content>#c_r>#c_r_3>h3{
        width: 210px;
        height: 23px;
        margin: 0 20px;
        border-bottom: 1px solid #ccc;
        color: #333;
        font-size: 10px;
    }
    #content>#c_r>#c_r_3>ul{
        width: 230px;
        height: 250px;
        margin: 20px 0 0 20px;
    }
    #content>#c_r>#c_r_3>ul>li{
        width: 210px;
        height: 50px;
        float: left;
        list-style: none;

    }
    #content>#c_r>#c_r_3>ul>li>a{
        width: 40px;
        height:42px;
        margin: 0 10px 0 0;
        float: left;
    }
    #content>#c_r>#c_r_3>ul>li>div{
        float: left;
        width: 160px;
        height:42px;
    }
    #content>#c_r>#c_r_3>ul>li>div>p{
        width: 160px;
        height: 21px;
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;

    }
    #content>#c_r>#c_r_3>ul>li>div>p>a{
        width: 100px;
        height: 21px;
        line-height: 21px;
        display: inline-block;
        color: #000;
        text-decoration: none;
        text-align: left;
    }


  </style>
</head>
<body>
<div id="top1">
    <h1 class="logo">
        <a href="">网易云音乐</a>
    </h1>
    <ul class="top1_u1">
        <li><a href="">发现音乐</a></li>
        <li><a href="">我的音乐</a></li>
        <li><a href="">关注</a></li>
        <li><a href="">商城</a></li>
        <li><a href="">音乐人</a></li>
        <li><a href="">下载客户端</a></li>
    </ul>
    <div id="top1_l1">
        <input type="text" placeholder="音乐/视频/电台/用户">
    </div>
    <div id="top1_l2">
        <a href="">创作者中心</a>
    </div>
    <div id="top1_l3">
        <a href="">登录</a>
    </div>
</div>
<div id="top2">
    <ul>
        <li><a href="">推荐</a></li>
        <li><a href="">排行榜</a></li>
        <li><a href="">歌单</a></li>
        <li><a href="">主播电台</a></li>
        <li><a href="">歌手</a></li>
        <li><a href="">新碟上架</a></li>
    </ul>
</div>
<div id="top3">
    <div>
        <div>
            <a href=""></a>
            <p>PC 安卓 iPhone WP iPad Mac 六大客户端</p>
        </div>
    </div>

</div>
<div id="content">
    <div id="c_l">
        <div id="c_l_1">
            <div class="c_l_c">
                <i class="c_l_c_i"></i>
                <a class="c_l_c_a" href="">热门推荐</a>
                <ul>
                    <a href="">华语</a>
                    <span>|</span>
                    <a href="">流行</a>
                    <span>|</span>
                    <a href="">摇滚</a>
                    <span>|</span>
                    <a href="">民谣</a>
                    <span>|</span>
                    <a href="">电子</a>
                </ul>
                <span class="c_l_c_span">
                    <a href="">更多</a>
                    <i></i>
                </span>
            </div>
            <ul>
                <li>
                    <img src="https://p1.music.126.net/P5PkrGL9BaqGZ3VBDXiZkQ==/109951166038345495.jpg?param=140y140" alt="">
                    <a class="a1" title="你是经历了多少委屈，才有了那一身好脾气" href="" ></a>
                    <a class="a2" href="" >你是经历了多少委屈，才有了那一身好脾气</a>
                </li>
                <li>
                    <img src="https://p1.music.126.net/a4RUDBj-LDKN7WMClV65OQ==/109951164735432462.jpg?param=140y140" alt="">
                    <a class="a1" title="颓废 不想学习时听的歌【逆袭专用】" href="" ></a>
                    <a class="a2" href="" >颓废 不想学习时听的歌【逆袭专用】</a>
                </li>
                <li>
                    <img src="https://p1.music.126.net/IXSPb5jcAA0sC9OMgMmmFg==/109951164297690587.jpg?param=140y140" alt="">
                    <a class="a1" title="来得及 考的上 何以惧 你可以" href="" ></a>
                    <a class="a2" href="" >来得及 考的上 何以惧 你可以</a>
                </li>
                <li>
                    <img src="https://p1.music.126.net/bcUg3xdpJPJehq9fqfQedw==/109951164910880251.jpg?param=140y140" alt="">
                    <a class="a1" title="在云端——人世间的家" href="" ></a>
                    <a class="a2" href="" >在云端——人世间的家</a>
                </li>
                <li>
                    <img src="https://p1.music.126.net/Tj9w5AT984YcrCFuXPSU5g==/109951165211875550.jpg?param=140y140" alt="">
                    <a class="a1" title="⚡维吾尔语-音乐-集合-歌曲⚡" href="" ></a>
                    <a class="a2" href="" >⚡维吾尔语-音乐-集合-歌曲⚡</a>
                </li>
                <li>
                    <img src="https://p1.music.126.net/XBrgP0H0sFJCjLv6sDGaHg==/109951167102397840.jpg?param=140y140" alt="">
                    <a class="a1" title="那些“英年早婚”的人，她们后悔了吗？" href="" ></a>
                    <a class="a2" href="" >那些“英年早婚”的人，她们后悔了吗</a>
                </li>
                <li>
                    <img src="https://p1.music.126.net/GzAAXJOnucWYfUGNIvrrlg==/109951166461327222.jpg?param=140y140" alt="">
                    <a class="a1" title="日子需要我们积极向上" href="" ></a>
                    <a class="a2" href="" >日子需要我们积极向上</a>
                </li>
                <li>
                    <img src="https://p1.music.126.net/eJLRtOBZlWKLVG59Bb_33Q==/109951164907318746.jpg?param=140y140" alt="">
                    <a class="a1" title="三X花园" href="" ></a>
                    <a class="a2" href="" >三X花园</a>
                </li>

            </ul>
        </div>
        <div id="c_l_2">
            <div class="c_l_c">
                <i class="c_l_c_i"></i>
                <a class="c_l_c_a" href="">新碟上架</a>
                <span class="c_l_c_span">
                    <a href="">更多</a>
                    <i></i>
                </span>
            </div>
            <div id="c_l_2_d">
                <ul>
                    <li>
                        <img src="https://p4.music.126.net/uhWI9pgSx_rURO3RRIvc0w==/109951167077545771.jpg?param=100y100" alt="">
                        <a class="a1" title="勿忘" href="" ></a>
                        <a class="a2" href="" >勿忘</a>
                    </li>
                    <li>
                        <img src="https://p3.music.126.net/7cWOHwalo7tiJrOgUY3R1g==/109951167090788796.jpg?param=100y100" alt="">
                        <a class="a1" title="星月物语" href="" ></a>
                        <a class="a2" href="" >星月物语</a>
                    </li>
                    <li>
                        <img src="https://p3.music.126.net/phIF7TYbzcuvPAqd5DxmZg==/109951167033709021.jpg?param=100y100" alt="">
                        <a class="a1" title="The Joker And The Queen (feat. Taylor Swift)" href="" ></a>
                        <a class="a2" href="" >The Joker And The Queen (feat. Taylor Swift)</a>
                    </li>
                    <li>
                        <img src="https://p3.music.126.net/WiWCcaEGYqW6esV2QN8ZLw==/109951166980059009.jpg?param=100y100" alt="">
                        <a class="a1" title="米津玄師" href="" ></a>
                        <a class="a2" href="" >米津玄師</a>
                    </li>
                    <li>
                        <img src="https://p3.music.126.net/a1swuA1r3FVmcL6cHcG5ww==/109951166983148290.jpg?param=100y100" alt="">
                        <a class="a1" title="男二号" href="" ></a>
                        <a class="a2" href="" >男二号</a>
                    </li>
                </ul>
            </div>

        </div>
        <div id="c_l_3">
            <div class="c_l_c">
                <i class="c_l_c_i"></i>
                <a class="c_l_c_a" href="">榜单</a>
                <span class="c_l_c_span">
                    <a href="">更多</a>
                    <i></i>
                </span>
            </div>

            <div id="c_l_3_d">
                <div>
                    <div class="d1">
                        <img src="https://p4.music.126.net/pcYHpMkdC69VVvWiynNklA==/109951166952713766.jpg?param=100y100" alt="">
                        <a title="飙升榜" href=""></a>
                    </div>
                    <div class="d2">
                        <ol>
                            <li>
                                <span style="color:#c10d0c">1</span>
                                <a href="">11</a>
                            </li>
                            <li>
                                <span style="color:#c10d0c">2</span>
                                <a href="">孤勇者</a>
                            </li>
                            <li>
                                <span style="color:#c10d0c">3</span>
                                <a href="">拜拜</a>
                            </li>
                            <li>
                                <span>4</span>
                                <a href="">陷落Falling</a>
                            </li>
                            <li>
                                <span>5</span>
                                <a href="">予你</a>
                            </li>
                            <li>
                                <span>6</span>
                                <a href="">冲浪</a>
                            </li>
                            <li>
                                <span>7</span>
                                <a href="">忘不掉的你（钢琴版）</a>
                            </li>
                            <li>
                                <span>8</span>
                                <a href="">有种</a>
                            </li>
                            <li>
                                <span>9</span>
                                <a href="">一滴泪的时间</a>
                            </li>
                            <li>
                                <span>10</span>
                                <a href="">十个字</a>
                            </li>

                        </ol>
                        <div>
                            <a href="">查看全部></a>
                        </div>
                    </div>

                </div>
                <div>
                    <div class="d1">
                        <img src="https://p4.music.126.net/wVmyNS6b_0Nn-y6AX8UbpQ==/109951166952686384.jpg?param=100y100" alt="">
                        <a title="新歌榜" href=""></a>
                    </div>
                    <div class="d2">
                        <ol>
                            <li>
                                <span style="color:#c10d0c">1</span>
                                <a href="">Letting G</a>
                            </li>
                            <li>
                                <span style="color:#c10d0c">2</span>
                                <a href="">我的答案</a>
                            </li>
                            <li>
                                <span style="color:#c10d0c">3</span>
                                <a href="">天知道</a>
                            </li>
                            <li>
                                <span>4</span>
                                <a href="">忘不掉的你（钢琴版）</a>
                            </li>
                            <li>
                                <span>5</span>
                                <a href="">你从未离去</a>
                            </li>
                            <li>
                                <span>6</span>
                                <a href="">浪漫主义2.0</a>
                            </li>
                            <li>
                                <span>7</span>
                                <a href="">Attention</a>
                            </li>
                            <li>
                                <span>8</span>
                                <a href="">你从未离去 (完整版)</a>
                            </li>
                            <li>
                                <span>9</span>
                                <a href="">渐暖</a>
                            </li>
                            <li>
                                <span>10</span>
                                <a href="">蝴蝶泉边（听见春天）</a>
                            </li>

                        </ol>
                        <div>
                            <a href="">查看全部></a>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="d1">
                        <img src="https://p4.music.126.net/wVmyNS6b_0Nn-y6AX8UbpQ==/109951166952686384.jpg?param=100y100" alt="">
                        <a title="原创榜" href=""></a>
                    </div>
                    <div class="d2">
                        <ol>
                            <li>
                                <span style="color:#c10d0c">1</span>
                                <a href="">刺</a>
                            </li>
                            <li>
                                <span style="color:#c10d0c">2</span>
                                <a href="">滥俗的歌</a>
                            </li>
                            <li>
                                <span style="color:#c10d0c">3</span>
                                <a href="">电线杆上的鸟</a>
                            </li>
                            <li>
                                <span>4</span>
                                <a href="">单程票</a>
                            </li>
                            <li>
                                <span>5</span>
                                <a href="">情绪学校</a>
                            </li>
                            <li>
                                <span>6</span>
                                <a href="">我知道得太晚</a>
                            </li>
                            <li>
                                <span>7</span>
                                <a href="">最后的时光里</a>
                            </li>
                            <li>
                                <span>8</span>
                                <a href="">大人</a>
                            </li>
                            <li>
                                <span>9</span>
                                <a href="">楚门</a>
                            </li>
                            <li>
                                <span>10</span>
                                <a href="">盖亚自白书</a>
                            </li>

                        </ol>
                        <div>
                            <a href="">查看全部></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="c_r">
        <div id="c_r_1">
            <p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
            <a href="">用户登录</a>
        </div>
        <div id="c_r_2">
            <h3>
                <span>入驻歌手</span>
                <a href="">查看全部></a>
            </h3>
            <ul>
                <li>
                    <a href="" >
                        <div class="da1"><img src="https://p2.music.126.net/rCsLFXha6SLis0tV7yZ5fA==/109951165588539704.jpg?param=62y62" alt=""></div>
                        <div class="da2">
                            <h4>张惠妹aMEI</h4>
                            <p>台湾歌手张惠妹</p>
                        </div>
                    </a>

                </li>
                <li>
                    <a href="">
                        <div class="da1"><img src="https://p2.music.126.net/wDxCsT3YEYdNg-UZU_ZKeg==/109951166047225823.jpg?param=62y62" alt=""></div>
                        <div class="da2">
                            <h4>Fine乐团</h4>
                            <p>独立音乐人</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="da1"><img src="https://p2.music.126.net/TiRAIiIihOgtBgYB6DZRXA==/109951162916034289.jpg?param=62y62" alt=""></div>
                        <div class="da2">
                            <h4>萬曉利</h4>
                            <p>民谣歌手</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="da1"><img src="https://p1.music.126.net/w_UWOls2uCkFN_U62788Xg==/18806046882229308.jpg?param=62y62" alt=""></div>
                        <div class="da2">
                            <h4>音乐人赵雷</h4>
                            <p>民谣歌手</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="da1"><img src="https://p1.music.126.net/mS2PtUF2F_x949tJHS5Kog==/109951166457235020.jpg?param=62y62" alt=""></div>
                        <div class="da2">
                            <h4>王三溥</h4>
                            <p>音乐人</p>
                        </div>
                    </a>
                </li>
            </ul>
            <div>
                <a href="">申请称为网易音乐人</a>
            </div>
        </div>
        <div id="c_r_3">
            <h3>热门主播</h3>
            <ul>
                <li>
                    <a href="">
                        <img src="https://p2.music.126.net/H3QxWdf0eUiwmhJvA4vrMQ==/1407374893913311.jpg?param=40y40" alt="">
                    </a>
                    <div>
                        <p><a href="">陈立</a></p>
                        <p>心理学家、美食家陈立教授</p>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="https://p2.music.126.net/GgXkjCzeH4rqPCsrkBV1kg==/109951164843970584.jpg?param=40y40" alt="">
                    </a>
                    <div>
                        <p><a href="">刘维-Julius</a></p>
                        <p>歌手、播客节目《维维道来》主理人</p>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="https://p2.music.126.net/JZRLszqLQ2edeCd07JoNRQ==/109951166943043252.jpg?param=40y40" alt="">
                    </a>
                    <div>
                        <p><a href="">莫非定律MoreFeel</a></p>
                        <p>男女双人全创作独立乐团</p>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="https://p2.music.126.net/NHjNoFpLDEZ-3OR9h35z1w==/109951165825466770.jpg?param=40y40" alt="">
                    </a>
                    <div>
                        <p><a href="">碎嘴许美达</a></p>
                        <p>脱口秀网络红人</p>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="https://p2.music.126.net/CpUdHPNvBvN7kebvL21TTA==/109951163676573083.jpg?param=40y40" alt="">
                    </a>
                    <div>
                        <p><a href="">银临Rachel</a></p>
                        <p>古风音乐人/p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

</body>
</html>